<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<style type="text/css">

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:hidden;
}

form{margin:   0}  

</style>
<script type="text/JavaScript">
function changeBackground(id,back)
{
document.getElementById(id).style.backgroundImage = "url(" + back + ")";
}
function changeBorder(id,color)
{
document.getElementById("p").style.bordercolor = red;
}
<script type="text/javascript">
	function checkAdmin(form)
	{
		if(form.username.value=="")
		{
			alert("username is empty,illegal");	form.username.focus(); 
			return false;
		}
		if(form.password.value=="")
		{
			alert("password is empty,illegal");	form.password.focus(); 
			return false;
		}
		
		form.submit();
	}

</script>
</head>

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#02395f">&nbsp;</td>
  </tr>
  <tr>
    <td height="607" align="center" background="images/login_02.gif"><table width="974" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="331" background="images/login_01.jpg">&nbsp;</td>
      </tr>
      <tr>
        <td height="116"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="393" height="116" background="images/login_05.gif">&nbsp;</td>
            <td width="174">
            
			<form action="Login" method="post" onsubmit="return checkAdmin(this)">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" >
              <tr>
                <td height="81" background="images/login_06.gif">
                
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="24%"><div align="center"><font style="height:1;font-size:9pt; color:#bfdbeb;filter:glow(color=#1070a3,strength=1)">username&nbsp;</font></div></td>
                    <td width="76%" height="25">
                    <input type="text" name="username"  style="width:120px; height:20px; background:#32a2e3; font-size:12px; border:solid 1px #0468a7; color:#14649f;"></td>
                  </tr>
                  <tr>
                    <td><div align="center"><font style="height:1;font-size:9pt; color:#bfdbeb;filter:glow(color=#1070a3,strength=1)">password&nbsp;</font></div></td>
                    <td height="25">
                    <input type="password" name="password"  style="width:120px; height:20px; background:#32a2e3; font-size:12px; border:solid 1px #0468a7; color:#14649f;" ></td>
                  </tr>
                </table >
    
                </td>
              </tr>
              <tr >
                <td height="35">
               
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="50" height="35"><img src="images/login_08.gif" width="50" height="35"></td>
                    <td width="45"><input type="submit" id="submit" value="" style="border: 0;background-image: url('images/login_09.gif'); width: 45;height: 35;" onmouseover="changeBackground('submit','images/login_09_1.gif');" onmouseout="changeBackground('submit','images/login_09.gif');"></input></td>
  				  	<td width="45"><input type="reset" id="reset" value="" style="border: 0;background-image: url('images/login_10.gif'); width: 45;height: 35;" onmouseover="changeBackground('reset','images/login_10_1.gif');"onmouseout="changeBackground('reset','images/login_10.gif');"></input></td>
                    <td width="33"><img src="images/login_11.gif" width="33" height="35"></td>
                  </tr>
                </table>
                </td>
              </tr>
            </table>
            </form>
            
            </td>
            <td width="407" background="images/login_07.gif">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="160" background="images/login_12.gif">&nbsp;
         <div style="text-align: center; font-size:x-large;color: red">please confirm the information</div>
        
        </td>
        
      </tr>
    </table></td>
  </tr>
  <tr>
    <td bgcolor="#02609c">&nbsp;</td>
  </tr>
</table>
</body>
</html>
